body{
    padding-bottom:1.6rem;
    background:#95b1ff url('../images/agent/bg.png') no-repeat center top;
    background-size:100%;
}
.agent{
    padding:0.58rem 0.3rem 0;
}

.agent .agent_title{
    text-align:center;
}
.agent .agent_title img{
    width:6.1rem;
}

.agent .agent_tips{
    margin-top:-1.5rem;
    margin-bottom:0.4rem;
    text-align:center;
}
.agent .agent_tips img{
    width:4.94rem;
}

.agent .agent_code{
    margin-bottom:10px;
    text-align:center;
    border-radius:0.1rem;
    background:rgba(255,255,255,0.1);
}
.agent .agent_code .agent_code_t{
    line-height:0.8rem;
    color:#FFFFFF;
    font-size:0.22rem;
}
.agent .agent_code .agent_code_b{}
.agent .agent_code .agent_code_b span{
    display:inline-block;
    width:0.6rem;
    height:0.6rem;
    line-height:0.6rem;
    color:#323232;
    font-size:0.4rem;
    background:#fff;
}
.agent .agent_code .agent_code_c{

}
.agent .agent_code .agent_code_c a{
    line-height:0.8rem;
    color:#FFFFFF;
    font-size:0.2rem;  
}

.agent .agent_info{
    margin-bottom:0.2rem;
    padding:0.1rem;
    background:rgba(255,255,255,0.1);
    border-radius:0.2rem;
}
.agent .agent_info .agent_info_bd{
    padding:0 0.75rem  0.35rem;
    background:#fff;
    border-radius:0.2rem;   
}
.agent .agent_info .agent_info_bd .agent_info_bd_tab{
    margin:0 auto 0.35rem;
    width:2.4rem;
    height:0.5rem;
    line-height:0.5rem;
    text-align:center;
    color:#FFFFFF;
    font-size:0.26rem;
    border-radius: 0 0 0.2rem 0.2rem;
    
    background:#4998F7;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list{}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul{}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li{
    float:left;
    margin-left:8%;
    padding:12px 0;
    width:4.4rem;
    height:2rem;
    text-align:center;
    background:rgba(207,228,255,0.1);
    border-radius:0.1rem;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li:first-child{
    /* margin-left:0; */
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li .li_icon{
    margin:2px 0;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li .li_icon img{
    width:0.6rem;
    height:0.64rem;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li .li_t{
    line-height:0.68rem;
    color:#4998F7;
    font-size:0.2rem;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li .li_d{
    color:#4998F7;
    font-size:0.2rem;
}

.agent .agent_explain{
    position:relative;
    margin-bottom:10px;
    padding:5px;
    background:#A753F6;
    border-radius:10px;
}
.agent .agent_explain .agent_explain_tips{
    position:absolute;
    top:15px;
    left:0;
    width:20%;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#FFFFFF;
    font-size:10px;
    border-radius: 0  15px 15px 0;
    background:#4998F7;
    
}
.agent .agent_explain .agent_explain_bd{
    padding:21px 25px 13px;
    background:#fff;
    border-radius:10px;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_t{
    margin-bottom:20px;
    text-align:center;
    color:#EC625C;
    font-size:15px;   
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_chart{
    margin-bottom:22px;
    text-align:center;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_chart img{
    max-width:80%;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_chart2{
    margin-bottom:15px;
    text-align:center;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_chart2 img{
    max-width:90%;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_d{
    
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_d table{
    width:100%;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_d table td{
    line-height:42px;
    text-align:center;
    color:#646464;
    font-size:10px;
    border:1px solid rgba(200,130,255,1);
}


.agent .share_explain{
    position:relative;
    margin-bottom:0.2rem;
    padding:0.1rem;
    background:rgba(255,255,255,0.1);
    border-radius:0.2rem;
}
.agent .share_explain .agent_explain_tips{
    position:absolute;
    top:0.3rem;
    left:0;
    width:1.4rem;
    height:0.5rem;
    line-height:0.5rem;
    text-align:center;
    color:#FFFFFF;
    font-size:0.2rem;
    border-radius: 0  0.25rem 0.25rem 0;
    background:#4998F7;
}
.agent .share_explain .share_explain_bd{
    padding:21px 29px;
    background:#fff;
    border-radius:10px;
	padding-top: 40px;			   
}
.agent .share_explain .share_explain_bd .share_explain_bd_t{
    margin-bottom:20px;
    text-align:center;
    color:#EC625C;
    font-size:15px;
}
.agent .share_explain .share_explain_bd .share_explain_bd_d{}
.agent .share_explain .share_explain_bd .share_explain_bd_d p{
    color:#646464;
    font-size:0.24rem;
}

.share{
    position:fixed;
    left:0;
    bottom:0;
    width:7.5rem;
    height:1.4rem;
    background:#a9bfff;
}
.share .share_btn{
    margin:0.24rem auto;
    width:6.9rem;
    height:0.92rem;
    line-height:0.92rem;
    text-align:center;
    color:#fff;
    font-size:0.34rem;
    border-radius:0.1rem;
    
    background: -webkit-linear-gradient(top, #68A9F7 , #4998F7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #68A9F7, #4998F7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #68A9F7, #4998F7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #68A9F7 , #4998F7); /* 标准的语法 */
}


.agent_set{
	margin-bottom: 10px;
    text-align: center;
    border-radius: 0.1rem;
    background: rgba(255,255,255,0.1);
    padding: 0 0.4rem;
}
.myagent{
	position: relative;
    padding: 0 0.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.32rem;
}
.li_l{
	float: left;
    color: #fff;
}
.li_r{
	font-weight: normal;
    float: right;
    color: #fff;
}


/* 设置邀请码 */
.setcode{}
.setcode .top{
	height:4rem;
	background:url("../images/agent/top_set.png") no-repeat center;
	background-size:auto 4rem;
}

.setcode .mycode{
	color:#000;
	line-height:1rem;
	padding:0 0.2rem;
	font-size:0.32rem;
	text-align:center;
}
.setcode .mycode .code{
	position:relative;
	display:inline-block;
}
.setcode .mycode .code i{
	display:inline-block;
	width:0.6rem;
	height:0.6rem;
	text-align:center;
	line-height:0.6rem;
	color:#52aafd;
	border:1px solid #bababa;
	font-style: normal;	
	margin:0 0.04rem;
}
.setcode .mycode .code input{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:auto;
	opacity: 0;
	z-index:-1;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.setcode .mycode .copy i{
	display:inline-block;
	width:0.4rem;
	height:0.4rem;
	background:url("../images/agent/copy.png") no-repeat center;
	background-size:0.4rem;
	vertical-align: middle;
    margin-top: -0.06rem;
	margin-right:0.06rem;
}
.setcode .tips{
	padding:0.2rem;
	color:#9a9a9a;
	line-height:0.6rem;
}
.setcode .submit{
	width:60%;
	height:0.8rem;
	line-height:0.8rem;
	text-align:center;
	color:#fff;
	font-size:0.32rem;
	margin:0.4rem auto 0;
	border-radius:0.4rem;
}

.agent_body{
	background:#fff !important;
}
.button_default{
	background: #52aafd!important;
}
















